// pages/index3/index3.js
Page({

  data: {
    list: [],
    // 表示下拉刷新组件的状态 
    // 表示重新发送请求的状态 是否状态
    refresherTriggered: false

  },

  /**
   * 生命周期函数--监听页面加载
   */
  async onLoad(options) {
    const res = await this.getList()
    this.setData({
      list: res.data
    })
  },
  getList() {
    const promise = new Promise(resolve => {
      // 显示加载中
      wx.showLoading({
        title: '加载中',
      })
      wx.request({
        url: 'https://api-vue-base.itheima.net/api/joke/list?num=10',
        success: (res) => {
          wx.hideLoading()
          resolve(res.data)
        }
      })
    })
    return promise
  },

  async onScrollReachBottom() {
    const res = await this.getList()
    this.setData({
      list: [...this.data.list, ...res.data]
    })

  },
  // 下来刷新
  async onRefresherRefresh() {
    // 1 设置下拉状态
    this.setData({
      refresherTriggered: true
    })

    // 2 直接获取新数组 
    const res = await this.getList()
    this.setData({
      list: res.data,
      // 告诉组件 刷新结束了 
      refresherTriggered: false
    })
  }




})